.oDocExchange{
  height: 100%;
  .mainContent{
    width: 100%;
    height: calc(100% - 55px);
    background:#e8edf4;
    .mainComponent{
      width: 100%;
      height: 100%;
      background: #ffffff;
    }
  }

  .oDocExchangeHeader{
    width: 100%;
    height: 55px;
    min-width: 500px;
    background:#CE4B4B; 
    padding-right:30px;
    .logotitle{
      width: 196px;
      height: 100%;
      line-height: 55px;
      text-align: center;
      color: #fff;
      background-color: #F65C5D;
      i:before{
         font-size: 26px;
         vertical-align:middle;
      }
      span{
        height:100%;
        vertical-align:middle;
        line-height:55px;
        margin-left: 10px;
      }
    }
    .wea-new-top-wapper{
      padding: 0px 40px 0px 16px;
      background: #F65C5D !important;
      .wea-new-top{
        border-bottom: none;
        background: #F65C5D;
      }
    } 
    .icon-circle-base{
      background:#F65C5D;
    }
    div{
      display: inline-block;
    }
    
    .nav{
      position: absolute;
      top: 0px;
      height: 55px;
      line-height: 55px;
      color: #fff;
      .menu{
        text-align: center;
        padding: 0px 20px;
        i::before{
          vertical-align:middle;
       }
       span{
         height:100%;
         vertical-align:middle;
         line-height:55px;
         
       }
      }
      .selected{
        height:100%;
        background: #B52A2A ;
      }
      div:hover{
        height:100%;
        background: #DE7777;
      }
      div{
        //padding: 0px 10px;
        cursor: pointer; 
        i{
          margin-right: 10px;
        }
        i:before{
          font-size: 16px;
          line-height: 55px;
          //vertical-align: bottom;
        }
        span{
          line-height: 55px;
        }
      }
      
    }

    .personinfo{
      position: absolute;
      top: 0px;
      right: 10px;
      width: auto;
      color: white;
      background-color: #CE4B4B;
      cursor: pointer;
      line-height: 55px;
      i{
        margin-left: 20px;
        margin-right: 8px;
      }
      i:before{
        font-size:14px;
        line-height: 55px;
      }
    }

    .personinfoSelected{
      position: absolute;
      top: 0px;
      right: 10px;
      width: auto;
      color: #656b72;
      background-color: #ffffff;
      cursor: pointer;
      line-height: 55px;
      //border: 1px solid #d9d9d9;
      z-index: 1070;
      i{
        margin-left: 20px;
        margin-right: 8px;
      }
      i:before{
        font-size:14px;
        line-height: 55px;
      }
    }
    
  }
}

.e9-odocExchange-person-setting-overlay{
  top: 55px!important;
  padding-top: 0;
  .ant-popover-inner{
  //  border-top: none;
    -webkit-box-shadow: 0px 0px 0px #ffffff;
    box-shadow: 0px 0px 0px #ffffff;
  }
  .ant-popover-inner-content{
    padding: 0;
  }
  .shade{
    //position: absolute;
    // width:180px;
    color: #656b72;
    background:#ffffff;
    cursor: pointer;
    line-height: 55px;

    i{
      margin-left: 20px;
      margin-right: 8px;
    }
    i:before{
      font-size:14px;
      line-height: 55px;
    }

    .splitter{
      width: 100%;
      height: 1px;
      background: #e9e9e9;
    }
  }  
    .personset div:hover{
      background: #eceaea;
    }
}

.e9-odocExchange-font-setting-overlay{
  .ant-popover-inner{
    min-width: 100px;
  }
  .ant-popover-inner-content{
    padding: 0;
    .e9-odocExchange-font-setting-item{
      padding: 5px 8px;
    }
    
  }
}

.e9-odocExchange-font-setting-content{
  color: #656b72;
  div{
    cursor: pointer;
  }
  .e9-odocExchange-font-setting-item:hover{
    background: #eceaea;
  }

  .e9-odocExchange-font-setting-selected::before{
    margin-left: 20px;
    color: #5091e1;
  }

  
}

// .e9header-account-setting-item{
//   >span{
//     display: inline-block;
//     overflow: hidden;
//     text-overflow: ellipsis;
//     white-space: nowrap;
//   }
//   >i{
//     display: inline-block;
//     overflow: hidden;
//     text-overflow: ellipsis;
//     white-space: nowrap;
//   }
//   .e9header-account-setting-title{
//     width: 80px;
//     // height: 100%;
//   }
// }


